<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>login</title>
    <link rel="stylesheet" href="../layui/css/layui.css">
</head>
<body class="layui-layout-body">
<!--bodyhead end-->
<style>
    .login-box{height:300px;width:50%;border:1px solid #ccc;
    margin: 10% auto;padding: 15px}

    .box-title{padding:10px 0 20px 0;text-align: center;
    font-size:22px;

    }

    .footer{position: absolute;bottom:0;left:0;width:100%;text-align: center}
</style>
<div class="layui-bg-green header">

    <div class="layui-container">

        <div class="layui-box ">
            中训教育管理后台登陆
        </div>
    </div>
</div>




    <div class="layui-container ">
        <div class="layui-box login-box">
            <div class="box-title layui-col-md12">
                <div class="logo">

                </div>
                <div class="desc ">中训学校 管理后台</div>
            </div>
            <div class="form">
                <form action="" class="layui-form">

                    <div class="layui-form-item">
                        <label class="layui-form-label">用户名</label>
                        <div class="layui-input-block">
                            <input type="text" name="title" required  lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">密码框</label>
                        <div class="layui-input-inline">
                            <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
                        </div>
                        <div class="layui-form-mid layui-word-aux">辅助文字</div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">记住我</label>
                        <div class="layui-input-block">
                            <input type="checkbox" name="switch" lay-skin="switch" lay-text="ON|OFF" lay-filter="switchTest" value="1">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <button class="layui-btn" lay-submit="" lay-filter="formDemo">立即提交</button>
                            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!--content end-->

    <!--bodyfooter start-->
<div class="footer layui-bg-green ">
    <div class="layui-container">
        <!-- 底部固定区域 -->
        © copyright 2019 www.zxjy.com - 底部固定区域
    </div>
</div>


    <script src="../layui/layui.js"></script>
    <script>
        //JavaScript代码区域
        layui.use('form', function(){
            var form = layui.element;

        });
    </script>
</body>
</html>